導(dǎo)讀:給小程序零基礎(chǔ)的開發(fā)者的傻瓜式教程。開發(fā)小程序基礎(chǔ):HTML、CSS、JavaScript。不過本文暫不考慮這些,我們來大體介紹一下首先,要開發(fā)小程序你需要申請一個微信公眾平臺賬號,在
發(fā)表日期:2020-07-05
文章編輯:興田科技
瀏覽次數(shù):8338
標(biāo)簽:
給小程序零基礎(chǔ)的開發(fā)者的傻瓜式教程。
開發(fā)小程序基礎(chǔ):HTML、CSS、JavaScript。不過本文暫不考慮這些,我們來大體介紹一下
首先,要開發(fā)小程序你需要申請一個微信公眾平臺賬號,在微信公眾平臺用自己的微信號直接申請就可以了。
然后就要下載開發(fā)者工具來寫代碼、上傳、預(yù)覽。微信公眾平臺有提供登錄。
項目目錄是你的代碼存放地;AppID是小程序的賬號,需要申請,且每個郵箱只能申請一個,我們可以先體驗小程序來跳過輸入AppID(遠程調(diào)試等功能會不能使用,但不影響我們寫和編譯);項目名稱是在開發(fā)工具上顯示的名字,和小程序內(nèi)容無關(guān),就是個昵稱。
快速啟動模板是微信為了讓使用者快速入門提供的一個簡單的Hello World!程序,內(nèi)容代碼包含很多注釋,可以快速上手。
打開以后長這樣。開發(fā)工具的具體各種功能都是傻瓜式的,與一些開發(fā)工具差別不大,自己探究吧!
可以看到快速啟動模板上有兩個文件夾和四個文件:pages和utils,app.js、app.json、app.wxss、project.config.json。
pages文件夾里面存放的文件是要顯示的各頁面,每個子文件夾就是一個頁面的內(nèi)容,子文件夾又包含4個文件,.js、.json、.wxss、.wxml。
.wxml文件是界面文件;
.js是事件交互文件,用于進行邏輯處理;
.wxss為界面美化文件,控制界面格式;
.json為每頁配置文件,可以修改導(dǎo)航欄顯示樣式;
其實整個小程序就是由這四種文件構(gòu)成的各個頁面。
utils文件夾 主要用于存放一些全局調(diào)用的.js文件,比如需要用到的外部ApI等。
在根目錄下的app.js、app.json、app.wxss等文件主要功能也如上面所說,但app文件主要負(fù)責(zé)全局調(diào)控。
app.js : 方法處理文件,進行程序剛開始運行時事件處理,處理小程序的生命周期函數(shù);
app.json : 全局配置文件,配置小程序的所有頁面(所有頁面必須先在這里聲明),小程序背景色,導(dǎo)航條樣式,標(biāo)題(注意該文件不可添加任何注釋);
app.wxss : 全局的界面美化,配置頁面默認(rèn)樣式,當(dāng)加載其他頁面時,當(dāng)前頁面的wxss文件會覆蓋app.wxss文件;
由于名字叫小程序,所以程序一定要小,官方規(guī)定代碼不可以超過5M。
微信小程序開發(fā),小程序開發(fā)
更多新聞
2023
在數(shù)字化時代,網(wǎng)站已經(jīng)成為企業(yè)建立線上存在的重要工具。。對于許多企業(yè)來說,網(wǎng)站建設(shè)是實現(xiàn)在線業(yè)務(wù)目標(biāo)...
View details
2023
引言在今天的數(shù)字時代,擁有一個專業(yè)、現(xiàn)代化和用戶友好的網(wǎng)站對于任何企業(yè)或個人來說都是至關(guān)重要的。。無...
View details
2020
卡片分類法主要是用于了解用戶對于網(wǎng)站、App導(dǎo)航和架構(gòu)的心理模型 metal model。一般形式分為兩種:開放式和閉合式。開放式主要是提供類別(有時也包括說明)由用戶自由分組并為
View details
2023
在今天這個信息化時代,擁有一個專業(yè)的網(wǎng)站對于一個企業(yè)來說至關(guān)重要。安陽網(wǎng)站建設(shè)為安陽企業(yè)提供了一個突顯商業(yè)品牌形象、在線展示產(chǎn)品與服務(wù)的平臺。通過一個專業(yè)的網(wǎng)站,企業(yè)可以更好地與客戶溝通,提升企業(yè)的知名度和競爭力,在互聯(lián)網(wǎng)上獲得更多的曝光率和商機,實現(xiàn)業(yè)務(wù)的快速增長。
View details